<link rel="stylesheet" href="assets/tree/bootstrapStyle.css" type="text/css">
<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<aside class="lg-side">
  <div class="panel-heading tab-bg-dark-navy-blue okr-tab-head tab-right ">
    <ul class="nav nav-tabs pull-right">
      <li class="">
        <a href="javascript:toLoadHtml(11)">标准任务模板</a>
      </li>
      <li class="active">
        <a href="javascript:toLoadHtml(12)">关键成果/子任务信息</a>
      </li>
    </ul>
  </div>
  <div class="inbox-body mi-h8">
    <!--tab nav start-->
    <div class="row">
      <div class="col-lg-4">
        <section class="panel">
          <header class="panel-heading">
            任务信息
          </header>
          <div class="panel-body">
            <div class="bt1">
              <ul id="treeDemo" class="ztree rwlist-box"></ul>
            </div>
          </div>
        </section>
      </div>
      <div class="col-lg-8">
        <section class="panel">
          <header class="panel-heading">
            任务信息
          </header>
          <div class="panel-body">
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">目标</label>
              <div class="col-sm-10">
                <input id="penNode" type="text" class="form-control" readonly>
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">任务</label>
              <div class="col-sm-10">
                <input id="penName" type="text" class="form-control" readonly>
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">项目目标</label>
              <div class="col-sm-10">
                <select id="proTarget" class="form-control">
                  <option value="">请选择</option>
                </select>
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">子任务</label>
              <div class="col-sm-10">
                <input id="chilName" type="text" class="form-control">
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">KR权重</label>
              <div class="col-sm-10">
                <input id="krqz" type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" min="0" class="form-control">
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">负责人</label>
              <div class="col-sm-10">
                <select name="userId" class="form-control" id="fzr" certus-required>
                  <option value="">请选择</option>
                </select>
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">完成时间</label>
              <div class="col-sm-10">
                <input type="text" id="overtime" class="form-control">
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">投入百分比</label>
              <div class="col-sm-10">
                <input id="okrt" type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" min="0" class="form-control">
              </div>
            </div>
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="back()">返回</a>
              <a href="javascript:void(0);" class="button-back btn btn-warning btn-l10" id="edit">更新子任务</a>
              <a href="javascript:void(0);" class="button-next  btn btn-success btn-l10" id="addLeaf">新增子任务</a>
              <a href="javascript:void(0);" class="button-next btn btn-danger" id="remove">删除子任务</a>
            </p>
          </div>
        </section>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <div class="panel-body">
            <div class="bio-desk p-w100">
              <h4 class="red">操作说明</h4>
              <p>步骤一 : 新增子任务信息，从左侧 区域 '单击'需要新增的任务节点，填写完数据表单后，点击绿色按钮' 新增子任务；</p>
              <p>步骤二 : 更新子任务信息，从左侧区域' 单击'需要修改/更新的子任务节点，然后点击黄色按钮' 更新子任务';</p>
              <p>步骤三 : 删除子任务信息，从左侧 区域' 单击'需要删除的子任务节点，然后点击红色按钮' 删除子任务'，删除前请确保此子任务未被任何成员填写进展数据;</p>
              <p>步骤四 : 关键成果/子任务信息排序，在左侧 区域拖拽需要进行排序的子任务节点即可。</p>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
</aside>
  <!-- js placed at the end of the document so the pages load faster -->
<!--时间空间-->
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<!-- 加载zTree插件 -->
<script type="text/javascript" src="assets/tree/jquery.ztree.core.js"></script>
<script type="text/javascript" src="assets/tree/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="assets/tree/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="js/autocomplete/jquery.autocomplete.js"></script>
<script src="js/proinfo/addtask.js"></script>